// pages/report/report.js
var wxCharts = require('../../utils/wxcharts-min.js');
var app = getApp();
var columnChart = null;
var chartData = {
  main: {
    title: '月消费报表',
    // data: [15, 20, 45, 37],
    // categories: ['1日', '2日', '3日', '4日']
  }
};
Page({
  data: {
    chartTitle: '月消费报表'
  },



  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function (e) {
    var windowWidth = 320;
    try {
      var res = wx.getSystemInfoSync();//小程序API获取系统信息
      windowWidth = res.windowWidth;
    } catch (e) {
      console.error('getSystemInfoSync failed!');
    }


    //图表插件wx-charts 柱状图 column
    //canvas-id与new wxCharts({canvasId:”})中canvasId一致
    // columnChart = new wxCharts({
    //   canvasId: 'columnCanvas',
    //   type: 'column',
    //   animation: true,
    //    //opts.categories (饼图、圆环图不需要) 数据类别分类
    //   categories: chartData.main.categories,
     
    //   series: [{
    //     name: '月消费',
    //     data: chartData.main.data,
    //     format: function (val, name) {
    //       return val.toFixed(2) + '元';
    //     }
    //   }],
    //   yAxis: {
    //     format: function (val) {
    //       return val + '元';
    //     },
    //     title: '',
    //     min: 0
    //   },
    //   xAxis: {
    //     disableGrid: false,
    //     type: 'calibration'
    //   },
    //   extra: {
    //     column: {
    //       width: 15
    //     }
    //   },
    //   legend: false,
    //   width: windowWidth,
    //   height: 150,
    // });
    new wxCharts({
      animation: true, //是否有动画
      canvasId: 'pieCanvas',
      type:'pie',
      series:[{
        name:'1日消费',
        data:15,},{
          name:'2日消费',
          data:20,
        },{
          name:'3日消费',
          data:45,
        },{
          name:'4日消费',
          data:37,
        }
      ],
      width: windowWidth,
      height: 300,
      dataLabel: true,
    });

  }
});